div,
ul,
li,
input,
a,
h1,
h2,
h3,
h4,
h5,
p,
textarea {
  box-sizing: border-box;
  margin: 0;
  outline: none;
  list-style: none;
  padding: 0;
}
input {
  -webkit-appearance: none;
}
.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}
.fff {
  background-color: #fff;
}

.flex {
  display: flex;
  display: -webkit-flex;
}

$baseWidthSize: 64 !default;
@function to($px) {
  @return $px / $baseWidthSize * 1rem;
}

@mixin border($width,$color) {
  &:after {
    // box-sizing: border-box;
    content: "  ";
    position: absolute;
    left: 0;
    top: to(-1);
    z-index: 1000;
    width: 200%;
    height: 200%;
    border: 1px solid $color;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    border-radius: to($width);
  }
}

